<template>
    <view class="wrap">
        <view class="header">
            <view>业务类型: {{item.businessTypeStr|filterNull}}</view>
            <view>客户类型: {{item.customerTypeStr|filterNull}}</view>
        </view>
        <!-- <view class="title">签约号: {{item.orderNo}}</view> -->
        <view class="list">签约号: {{item.orderNo|filterNull}}</view>
        <view class="list">客户姓名: {{item.customerName|filterNull}}</view>
        <view class="list">联系电话: {{item.contactMobile|filterNull}}</view>
        <view class="list">签约扣款金额/元: ¥{{item.totalFee|filterNull}}/元</view>
        <view class="list">签约申请时间: {{item.createTime|filterNull}}</view>
        <view class="list tip">签约期数: {{item.decutionNum|filterNull}}/期</view>
        <view class="footer">
            <view>
                <view class="detail"
                      @click="onClick">详情</view>
                <view class="tip"
                      v-if="item.orderStatusStr">{{item.orderStatusStr}}</view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    props: {
        item: {
            type: Object,
            required: true,
        },
    },
    data() {
        return {
            linkUrl: '/pagesA/order/qianyue/detail'
        }
    },
    methods: {
        onClick() {
            uni.setStorageSync('qianyue-detail', JSON.stringify(this.item));
            uni.navigateTo({
                // url: `${this.linkUrl}?data=${JSON.stringify(this.item)}`
                url: `${this.linkUrl}`
            });
        },
    },
}
</script>


<style lang="scss" scoped src="@/styles/mmv.scss"></style>